// axios封装
// 1. 使用 create 方法实例化 baseURL + 接口超时时间
// 2. 请求拦截器   token注入
// 3. 响应拦截器
// 1. token失效 401 跳回登录页
// 2. 当接口返回的状态不是以 http 200 作为接口是否成功的判断条件
// 而是以一个自定义的字段作为判断条件
import axios from 'axios'
import store from '@/store'

const instance = axios.create({
  baseURL: 'http://pcapi-xiaotuxian-front-devtest.itheima.net',
  timeout: 5000
})

// 添加请求拦截器
instance.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // 注入 token
  const token = store.state.user.profile.token
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
// http状态码 200-300 2xx 代表接口是 ok 的  走第一个回调函数
// http 状态码 不在 200 - 300 之间, 代表接口是错误的 走第二个回调函数

// http 状态码是由后端来控制的  如果当前后端接口已经报错 但是依旧返回的是 http 200的状态码
// 此时会走第一个回调 需要前端根据自定义的状态码 success 手动抛出错误
instance.interceptors.response.use(function (response) {
  return response
}, function (error) {
  return Promise.reject(error)
})

// 定义一个请求方法 这个方法可以根据 method 自动适配参数名称
function request (url, method, reqData) {
  return instance({
    url,
    method,
    [method.toUpperCase() === 'GET' ? 'params' : 'data']: reqData
  })
}

export default request
